/* CSS Document */
body{ background:url(../img/bg.jpg) #ffffff; background-repeat:repeat-x; text-decoration:none;}

/* menu */
.menu_box{ margin:5px auto 0px auto; padding:0px; width:965px; height:40px; background:url(../img/menu_bg.jpg) no-repeat;}
.menu_box .logo{ margin:0px 0px 0px 20px; padding:0px; width:115px; height:40px; float:left; display:inline}
.menu_box .btnbox{ margin:0px 0px 0px 25px; padding:0px; width:425px; height:40px; float:left; display:inline; }

/* search */
.menu_box .search_box{ margin:0px 0px 0px 40px; padding:0px; float:left; width:335px; height:40px; }
.search_box .searchinput{ margin:8px 0px 0px 0px; padding:0px; float:left; width:155px; height:20px; }
.search_box .links{ margin:10px 0px 0px 10px; display:inline;padding:0px; float:left; width:170px; height:20px; color:#FFFFFF}



/* area */
.mainbox{ margin:10px auto 0px auto; padding:0px; width:965px; overflow:hidden;}
.leftarea{ margin:0px 0px 0px 12px; padding:0px; width:200px; float:left; display:inline; overflow:hidden;}
.leftarea .showimgbox{ margin:0px  auto 10px auto; padding:0px; width:179px; height:179px;  text-align:center}
.leftarea .showimgbox img{ margin:0px auto; width:179px; height:179px; border:1px solid #d4d6d9}



.leftarea .btnbgbox{ margin:0px 0px 5px 0px; padding:0px; width:200px; height:26px; background:url(../img/left_tit.gif) no-repeat;}
.leftarea .btnbgbox li{ margin:0px 0px 0px 12px; width:80px; display:inline; height:26px; line-height:26px; float:left; list-style-type:none; text-align:center }

.leftarea .Tipsbox{ margin:0px; padding:0px; }
.leftarea .Tipsbox h1{ margin:0px 0px 0px 15px; width:170px; padding:0px 0px 5px 0px; display:inline; line-height:20px; color:#3c6b05; display:block; }

.leftarea .info{ margin:0px 0px 5px 0px; padding:0px; width:200px; overflow:hidden; background:#FFFFFF}
.leftarea .info .top{ margin:0px; padding:0px; width:200px; height:29px; background:url(../img/left_tit.gif) no-repeat; background-position:0px -36px; line-height:29px; color:#403e41; font-weight:bold; text-indent:10px;}
.leftarea .info .middle{ margin:0px; padding:0px 0px 5px 0px; width:198px; overflow:hidden; border:1px solid #eaf3e0;}
.leftarea .info .middle ul{ margin:0px 0px 0px 4px; padding:0px; width:190px; }
.leftarea .info .middle li{ margin:0px 0px 0px 0px; padding:10px 0px 10px 10px; border-bottom:1px solid #e7e7e7; list-style-type:none; float:left; width:180px; color:#403e41}
.leftarea .info .middle span{ margin:0px 10px 0px 0px;padding:0px; float:left; color:#949494; display:block;}
.leftarea .info .middle li ul{ margin:0px 0px 0px 2px; padding:0px; border:0; width:115px;display:block; float:left;*float:left; }
.leftarea .info .middle li ul li{ margin:0; padding:0px 0px 0px 0px; width:115px; border:0px; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; height:15px; }

.leftarea .Progress{ margin:0px 0px 10px 0px; padding:0px; width:200px; overflow:hidden;}
.leftarea .Progress .top{ margin:0px; padding:0px; width:200px; height:29px; background:url(../img/left_tit.gif) no-repeat; background-position:0px -36px; line-height:29px; color:#403e41; font-weight:bold; text-indent:10px;}
.leftarea .Progress .middle{ margin:0px; padding:0px 0px 5px 0px; width:198px; overflow:hidden; border:1px solid #eaf3e0; background:#FFFFFF}
.Progressline{ margin:10px 0px 20px 10px; padding:0px; width:175px; overflow:hidden; color:#403e41 }
.Progressline h1{ margin:0px; padding:0px; float:left; width:120px; line-height:18px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.Progressline h2{ margin:0px; padding:0px; float:right; font-family:Arial, Helvetica, sans-serif}
.Progressline .linebg{ margin:0px; padding:0px; width:175px; float:left; background:url(../img/Progress_line.gif) no-repeat;}
.Progressline .line{ margin:0px; padding:0px; height:6px; float:left; border:1px solid #badc7f; background:url(../img/Progress.gif); background-repeat:repeat-x; line-height:1px; font-size:1px;}


.leftarea .newbox{ margin:0px 0px 5px 0px; padding:0px; width:200px; overflow:hidden; background:#FFFFFF}
.leftarea .newbox .top{ margin:0px; padding:0px; width:200px; height:29px; background:url(../img/left_tit.gif) no-repeat; background-position:0px -75px; line-height:29px; color:#403e41; font-weight:bold; text-indent:10px;}
.leftarea .newbox .middle{ margin:0px; padding:0px 0px 5px 0px; width:198px; overflow:hidden; border:1px solid #eaf3e0;}
.leftarea .newbox .middle ul{ margin:0px 0px 0px 4px; padding:0px; width:190px; }
.leftarea .newbox .middle li{ margin:0px 0px 0px 0px; padding:10px 0px 10px 15px; border-bottom:1px solid #e7e7e7; background:url(../img/gpoint.gif) no-repeat; background-position:5px 1.2em;list-style-type:none; float:left; width:175px; color:#403e41}










.rightarea{ margin:0px 0px 0px 0px; padding:0px; width:740px; float:right;  overflow:hidden; }
.rightarea .top{ margin:0px; padding:0px; width:740px; overflow:hidden; float:left;}
.rightarea .top h1{ margin:0px; padding:0px; width:590px; float:left; font-size:14px; font-weight:bold; line-height:30px; color:#ffffff;}
.rightarea .top h2{ margin:0px; padding:0px; width:590px; float:left; font-size:12px;  color:#ffffff;}
.rightarea .top .join{ float:left; width:145px; height:31px;}

.rightarea .ctop2{ margin:0px; padding:0px; width:740px; height:10px; line-height:1px; font-size:1px;background:url(../img/rctop2.gif) no-repeat; float:left}
.rightarea .ctop{ margin:0px; padding:0px; width:740px; height:10px; line-height:1px; font-size:1px;background:url(../img/rctop.gif) no-repeat; float:left}
.rightarea .content{ margin:0px; padding:0px; width:740px; overflow:hidden; float:left; background:#FFFFFF;}


/* bottom */
.bottom_area{ margin:0px auto; padding:0px; width:965px; height:90px; background:#FFFFFF}
.green_box{ margin:0px; padding:0px; width:965px; height:50px; }
.green_box img{ margin:0px; padding:0px; width:50px; height:50px; float:left}

/* btn */


.ddcolortabs{margin: 0;padding: 0}
.ddcolortabs ul{margin:0;padding:0;list-style:none;}
.ddcolortabs li{float: left;list-style: none; margin:0px 13px 0px 0px;color:#ffffff; }

.ddcolortabs a{display: block;padding: 0px;text-decoration: none;width: 50px;white-space: nowrap; line-height:37px; text-align:center; color:#ffffff; font-weight:bold;}
.ddcolortabs a:visited{color:#ffffff;}
.ddcolortabs a:hover{color:#ffffff;}
.ddcolortabs a:hover span{ color:#ffffff;}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background:url(../img/menu_bg.gif) no-repeat;color:#ffffff; font-weight:bold}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
margin:-1px 0px 0px 0px;
padding:0px 10px 0px 10px;
position:absolute;
top: 0;
width: auto;
line-height:18px;
z-index:100;
background:#a2ca7b;
visibility: hidden;
border-top:5px solid #a2ca7b;
border-bottom:5px solid #a2ca7b;
color: white;
}


.dropmenudiv_a a{
padding:5px 10px 5px 10px;
margin:0px;
width: auto;
display:inline;
display: block;
line-height:18px;
border-bottom: 1px solid #ffffff; /*THEME CHANGE HERE*/
text-decoration: none;
text-align:left;
color: white;
}

* html .dropmenudiv_a a{ /*IE only hack*/

width: 80px;
color: white;

}

.dropmenudiv_a a:visited{ /*THEME CHANGE HERE*/

color: white;
}
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background: #6d9744;
color: white;
}

/*CSS quotes style pagination*/
.page{ margin:5px 0px 0px 0px; padding:0px; width:100%; float:left}
.page .quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.page .quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
.page .quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
.page .quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
.page .quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
.page .quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}